// 底部按钮样式
.modal--footer--button {
  .n-space {
    @shadow: 0px 1px 6px 1px var(--n-color-hover);
    // 默认第二个按钮高亮
    > div:nth-child(2) button {
      box-shadow: @shadow;
    }
    button {
      border-radius: 6px;
    }
    // 高亮样式
    .modal--button__highlight {
      box-shadow: @shadow !important;
    }
    // 普通样式（无高亮
    .modal--button__default {
      box-shadow: none !important;
    }
  }
}

// 弹窗样式一：蓝色
.n-modal.pro-modal.pro-modal__blue {
  @border-radius: 12px;
  border: 1px solid #2969eaad;
  border-radius: @border-radius;
  box-shadow: 0px 2px 12px 4px #6e9af14a;

  > .n-card-header {
    background: rgba(60, 126, 255, 0.1);
    border-radius: @border-radius @border-radius 0 0;
    color: #296aea;
    > div,
    > button {
      color: inherit !important;
    }
  }

  > .n-card__content,
  > .n-card__footer {
    border-top-color: rgb(197, 220, 250) !important;
  }

  .pro-modal_footer {
    .modal--footer--button();
  }

  > .n-card__footer {
    height: 60px;
  }
}

// 弹窗样式二：灰色
.n-modal.pro-modal.pro-modal__grey {
  @border-radius: 6px;
  border: 1px solid rgb(165, 164, 164);
  border-radius: @border-radius;
  box-shadow: 0px 2px 12px 4px #908d8d;

  > .n-card-header {
    background: rgba(242, 242, 242);
    border-radius: @border-radius @border-radius 0 0;
    > div,
    > button {
      color: inherit !important;
    }
  }

  > .n-card__content,
  > .n-card__footer {
    border-top-color: rgb(224, 224, 224) !important;
  }

  .pro-modal_footer {
    .modal--footer--button();
  }

  > .n-card__footer {
    height: 60px;
  }
}

// 弹窗样式三：简约
.n-modal.pro-modal.pro-modal__brief {
  @border-radius: 12px;
  border-radius: @border-radius;

  > .n-card__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 14px !important;
  }

  .pro-modal_footer {
    .modal--footer--button();
  }

  > .n-card__footer {
    height: 65px;
    background: rgb(245, 247, 250);
    border-radius: 0 0 @border-radius @border-radius;
  }
}

// 弹窗样式四：默认
.n-modal.pro-modal.pro-modal__default {
}
